<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数：</title>
    <style>
        /* scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数： */
        div {
            margin: 150px;
            width: 200px;
            height: 100px;
            background-color: yellow;
            border: 1px solid black;
            border: 1px solid black;
            /* IE 9 */
            -ms-transform: scale(2, 3);
            /* Safari */
            -webkit-transform: scale(2, 3);
            /* 标准语法 */
            transform: scale(2, 3);
        }

        /* cale（2,3）转变宽度为原来的大小的2倍，和其原始大小3倍的高度。 */
    </style>
</head>

<body>

    <p>scale() 方法用于增加或缩小元素的大小。</p>

    <div>
        div 元素的宽度是原始大小的两倍，高度是原始大小的三倍。
    </div>

</body>

</html